<template>
  <div class="max-w-xs space-y-4">
    <BaseMessage icon>A successful message.</BaseMessage>

    <BaseMessage type="info" icon>An information message.</BaseMessage>

    <BaseMessage type="warning" icon>A warning message.</BaseMessage>

    <BaseMessage type="danger" icon>A destructive message.</BaseMessage>
  </div>
</template>
